<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="Keywords" content="51shop" />
    	<meta name="Description" content="51shop" />
		<title>${productMap.producttitle}</title>
		<jsp:include page="/WEB-INF/jsps/common/jsAndCssCommon.jsp" />
		
		<script type="text/javascript">
		jQuery(function($){
			/**$.ajax({
				type:"post",
				url:"${pageContext.request.contextPath}/product/productDetail/loadData/${productId}",
				dataType:"json",
				success:function(data){
					$("#productname").append(data.productname);
					$("#description").append(data.description);
				}
			});**/
		});
		</script>
	</head>
	<body class="has_bg">
		
		<!--=S head -->
		<jsp:include page="/WEB-INF/jsps/common/homeHead.jsp" />
		<!--=E head -->
		
		<!--=S detail -->
		<div class="detail wrapfix">
		    <!--==S dmain -->
		    <div class="dmain">
		        <!--===S detail_c -->
		        <div class="detail_c">
		            <div class="detail_pic">
		                <div class="dp_big">
		                    <img src="${pageContext.request.contextPath}/images/front/common/product/384x356.jpg" alt="" width="384" height="356" />
		                </div>
		                <div class="dp_list">
		                    <a class="dpl_l" href="#"></a>
		                    <div class="dp_list_c">
		                        <ul>
		                            <li><a href="#"><img src="${pageContext.request.contextPath}/images/front/common/product/68x70_1.png" alt="" width="68" height="70" /></a></li>
		                            <li><a href="#"><img src="${pageContext.request.contextPath}/images/front/common/product/68x70_2.png" alt="" width="68" height="70" /></a></li>
		                            <li><a href="#"><img src="${pageContext.request.contextPath}/images/front/common/product/68x70_1.png" alt="" width="68" height="70" /></a></li>
		                            <li><a href="#"><img src="${pageContext.request.contextPath}/images/front/common/product/68x70_2.png" alt="" width="68" height="70" /></a></li>
		                            <li><a href="#"><img src="${pageContext.request.contextPath}/images/front/common/product/68x70_1.png" alt="" width="68" height="70" /></a></li>
		                        </ul>
		                    </div>
		                    <a class="dpl_r" href="#"></a>
		                </div>
		            </div>
		            <div class="detail_info">
		                <h2>${productMap.producttitle}</h2>
		                <div class="di_c wrapfix">
		                    <div class="di_c1">
		                    	商品名称：<em>${productMap.productname}</em><br/>
		                    	商品单位：${productMap.unit}<br/>
		                    	单个重量：${productMap.weight}<br/>
		                    	商品包装：${productMap.packaging}<br/>
		                    	装箱数量：${productMap.packagenum}<br/>
		                    	现货数量：${productMap.quantityleft}<br/>
		                    	商品价格：${productMap.onsaleprice}<br/>
		                    </div>
		                    <div class="di_c2">
		                    	商品尺寸：${productMap.size}<br/>
		                    	商品编号：${productMap.productnum}<br/>
		                    	商品材质：${productMap.material}<br/>
		                    	商品产地：${productMap.placeoforigin}<br/>
		                    	毛重净重：${productMap.grossweight}<br/>
		                    	商品总数：${productMap.totalamount}<br/>
		                    </div>
		                </div>
		                <div class="di_box">
		                    <div class="di_boxl">
		                        <span>我 要 买：</span><input type="text" name="" value="" /><span>件</span>
		                    </div>
		                    <a class="btn_buy" href="#">放入购物车</a>
		                </div>
		            </div>
		        </div>
		        <!--===E detail_c -->
		        <!--===S tab_mod -->
		        <div class="tab_mod">
		            <div class="tab_hd">
		                <span class="cur">商品详情</span>
		                <span>商品评论</span>
		                <span>售后服务</span>
		                <span>支付方式</span>
		            </div>
		            <div class="tab_bd">
		                <div class="tab_c">
		                    <img src="${pageContext.request.contextPath}/images/front/common/product/pic1.jpg" alt="" width="691" height="132" />
		                    <br />
		                    <br />
		                    <p>成分：面料具有透气性能；内部全网眼口袋设计，通风透气。工艺：防水性：w-proof面料，专业防水<br /> 卖点：适合：旅游商务出行等放置洗漱用品使用 <br />尺寸：28*10*22cm <br /> 描述：<br />1、内部多种口袋，可分别放置牙刷、牙膏、洗面奶等洗漱用品。 <br />2、内部全网眼口袋，可视，存取物品非常方便。 <br />3、包体外部防水储存口袋，可放置一些适合干燥环境的物品 <br />1、防水透气：w-proof面料，不仅能够防水，还能保持透气，保持包内干燥干净。 <br />2、卫生：各种洗漱用品分门别类放置，避免相互污染；另外可视网眼通风透气防止细菌滋生。 <br />3、好用：包体U型拉链设计，打开拉链，包内物品全部展现，存取物品方便。内置挂钩，使用时可以悬挂起来。 <br />4、便携：包体顶部便携式拎手，非常舒服；而且体积较小，方便携带。 </p>
		                
		                    <img src="${pageContext.request.contextPath}/images/front/common/product/pic2.jpg" alt="" width="680" height="358" />
		                    <br />
		                    <br />
		                </div>
		                <div class="tab_c hidden">商品评论</div>
		                <div class="tab_c hidden">售后服务</div>
		                <div class="tab_c hidden">支付方式</div>
		            </div>
		        </div>
		        <!--===E tab_mod -->
		    </div>
		    <!--==E dmain -->
		</div>
		<!--=E detail -->
		
		<!--=S footer -->
		<jsp:include page="/WEB-INF/jsps/common/homeFooter.jsp" />
		<!--=E footer -->
		
	</body>
</html>